@charset "utf-8";
@import "common";
body{
	.layaFlash{
		background-color: #8bc01f;
		padding-top: 60px;
		padding-bottom: 60px;
		.container{
			background-image: url(../img/family/laya家族_03.png);
			background-repeat: no-repeat;
			background-position: 100%;
			.lf-con-title{
				.lf_title{
					display: flex;
					align-items: center;
					margin-top: 10px;
					margin-bottom: 18px;
					.lf_number{
						background-color: white;
						width: 55px;
						height: 53px;
						border-radius: 5px;
						text-align: center;
						margin-right:12px;
						>span{
							color: #8bc01f;
							font-size: 35px;
						}
					}
					>span{
						color: white;
						font-size: 35px;
					}
				}
				.lf_des{
					margin-top: 5px;
					h3{
						margin-bottom: 69px;
						font-size: 25px;
						color: white;
					}
					p{
						color: #f9fbf5;
						&:nth-child(2){
							margin-bottom: 18px;
						}
						&:nth-child(3){
							margin-bottom: 32px;
						}
						&:nth-child(4){
							margin-bottom: 36px;
						}
					}
					button{
						width: 100px;
						height: 34px;
						background-color: white;
						color: #8bc01f;
						border: none;
						border-radius: 5px;
					}
				}
			}
		}
	}
	.LayaPlayer{
		background-color: #3393df;
		padding-top: 60px;
		padding-bottom: 60px;
		.container{
			background-image: url(../img/family/leftpic_03.png),url(../img/family/rightpic_03.png);
			background-repeat: no-repeat;
			background-position: 0 calc(100% - 150px), calc(100% - 50px) 100%;
			padding-bottom: 76px;
			.lp-con-item{
				.lp_title{
					display: flex;
					align-items: center;
					margin-top: 10px;
					margin-bottom: 18px;
					.lp_number{
						background-color: white;
						width: 55px;
						height: 53px;
						border-radius: 5px;
						text-align: center;
						margin-right:12px;
						>span{
							color: #3393df;
							font-size: 35px;
						}
					}
					>span{
						color: white;
						font-size: 35px;
					}
				}
				.lp_des{
					.lp_title_top{
						h3{
							color: white;
						}
						p{
							color: white;
							line-height: 30px;
						}
					}
					.lp_title_buttom{
						h3{
							color: white;
						}
						p{
							color: white;
							line-height: 30px;
						}
					}
				}
			}
		}
	}
	.aboutLaya{
		padding-top: 80px;
		padding-bottom: 80px;
		.container{
			.ab_con-item{
				.ab_laya_item_one{
					.ab_laya{
						display: flex;
						margin-top: 11px;
							.ab_title{
								width: 40px;
								height: 41px;
								background-color: #3393df;
								text-align: center;
								border-radius: 5px;
								margin-right: 10px;
								margin-bottom: 25px;
								>span{
									font-size: 28px;
									color: white;
								}
							}
							span{
								font-size: 31px;
								color: #3393df;
							}
						}
						p{
							font-size: 18px;
							color: #5d5d5d;
						}
						.ab_p{
							margin-top: 25px;
							h4{
								font-size: 17px;
								color: #3393df;
								margin-bottom: 22px;
							}
							p{
								font-size: 14px;
								color: #5d5d5d;
								text-indent: 24px;
							}
						}
						.ab_img{
							margin-top: 41px;
						}
					}
				}
				.ab_laya_item_two{
					.ab_laya{
					display: flex;
					margin-top: 11px;
						.ab_title{
							width: 40px;
							height: 41px;
							background-color: #3393df;
							text-align: center;
							border-radius: 5px;
							margin-right: 10px;
							margin-bottom: 25px;
							>span{
								font-size: 28px;
								color: white;
							}
						}
						span{
							font-size: 31px;
							color: #3393df;
						}
					}
					p{
						font-size: 18px;
						color: #5d5d5d;
					}
					.ab_p{
						margin-top: 25px;
						h4{
							font-size: 17px;
							color: #3393df;
							margin-bottom: 22px;
						}
						p{
							font-size: 14px;
							color: #5d5d5d;
							text-indent: 24px;
						}
						&:nth-child(4){
							h4{
								margin-top: 44px;
							}
						}
					}
					.ab_img{
						margin-top: 41px;
					}
				}
			}
		}
		.aboutLaya2{
			background-color: #f7f7f7;
			padding-top: 80px;
			padding-bottom: 80px;
			.container{
				.ab_con-item{
					.ab_laya_item_one{
						.ab_laya{
							display: flex;
							margin-top: 11px;
								.ab_title{
									width: 40px;
									height: 41px;
									background-color: #3393df;
									text-align: center;
									border-radius: 5px;
									margin-right: 10px;
									margin-bottom: 25px;
									>span{
										font-size: 28px;
										color: white;
									}
								}
								span{
									font-size: 31px;
									color: #3393df;
								}
							}
							p{
								font-size: 18px;
								color: #5d5d5d;
							}
							.ab_p{
								margin-top: 25px;
								h4{
									font-size: 17px;
									color: #3393df;
									margin-bottom: 22px;
								}
								p{
									font-size: 14px;
									color: #5d5d5d;
									text-indent: 24px;
								}
							}
							.ab_img{
								margin-top: 41px;
							}
						}
					}
					.ab_laya_item_two{
						.ab_laya{
						display: flex;
						margin-top: 11px;
							.ab_title{
								width: 40px;
								height: 41px;
								background-color: #3393df;
								text-align: center;
								border-radius: 5px;
								margin-right: 10px;
								margin-bottom: 25px;
								>span{
									font-size: 28px;
									color: white;
								}
							}
							span{
								font-size: 31px;
								color: #3393df;
							}
						}
						p{
							font-size: 18px;
							color: #5d5d5d;
						}
						.ab_p{
							margin-top: 25px;
							h4{
								font-size: 17px;
								color: #3393df;
								margin-bottom: 22px;
							}
							p{
								font-size: 14px;
								color: #5d5d5d;
								text-indent: 24px;
							}
							&:nth-child(4){
								h4{
									margin-top: 44px;
								}
							}
						}
						.ab_img{
							margin-top: 41px;
						}
					}
				}
			}
	footer{
		background-color: #3b3b3b;
		padding-top: 30px;
		padding-bottom: 37px;
		.container{
			>.row{
				display: flex;
				.foot-con-left{
					margin-right: 360px;
					.companyMess{
						margin-bottom: 15px;
						span{
							font-size: 14px;
							color: #8c8d94;
							}
					}
					.companyCopyright{
						span{
							font-size: 12px;
							transform: scale(0.8);
							color: #8c8d94;
						}
					}
				}
				.foot-con-right{
					display: flex;
					justify-content: flex-end;
					align-items: flex-end;
					.p_weixin{
						margin-left: 20px;
					}
					.p_qq{
						margin-left: 20px;
						margin-right: 10px;
					}
				}
			}
		}
	}
}